<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>    
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %> 
<!--pub_inse_servizio.jsp--> 
 <script>
$(function() {
$( "#datepicker" ).datepicker({ dateFormat: "dd/mm/yy" });
});



$(function() {
var availableTags = [
"Roma",
"Milano",
"Napoli",
"Torino",
"Palermo",
"Genova",
"Bologna",
"Firenze",
"Bari",
"Catania",
"Venezia",
"Verona",
"Messina",
"Padova",
"Trieste",
"Brescia",
"Taranto",
"Prato",
"Parma",
"Reggio Calabria",
"Modena",
"Reggio Emilia"

];
$( "#tags" ).autocomplete({
source: availableTags
});
});

</script>	
    <!-- content -->	
    
			<div class="gen_div" align="center">
				<h2 style="font-weight:bold;color:#538cb9;font-size:23px;">Nuovo servizio</h2> 
				<p>I campi contrassegnati con <strong>(*)</strong> sono obbligatori</p>
				<form:form  method="post" action="inserimentoServizio.html?form=1" >
				
				<br />
				<div style="width:100%;display:inline-table">
				<div style="float:left;width:50%">
					<table class="inse_servizio_table" border="1">

					<tr>	
						<td class="alignleft"><label for="data">Data (gg/mm/aaaa)</label></td>
						<td class="alignright">
						<div class="cellContainer" style="position:relative;">
							<form:input path="data" id="datepicker" /> 
							<span class="asterik">*</span>
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							</div>
							
						</td>
						<td><form:errors path="data" cssClass="error" /></td>												
					</tr>
					<tr>		
							<td class="alignleft"><label for="ora">Ora (hh:mm)</label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<form:select path="ore" size="1">
									<form:option value=""></form:option>
									<form:option value="00">00</form:option>
									<form:option value="01">01</form:option>
									<form:option value="02">02</form:option>
									<form:option value="03">03</form:option>
									<form:option value="04">04</form:option>
									<form:option value="05">05</form:option>
									<form:option value="06">06</form:option>
									<form:option value="07">07</form:option>
									<form:option value="08">08</form:option>
									<form:option value="09">09</form:option>
									<form:option value="10">10</form:option>
									<form:option value="11">11</form:option>
									<form:option value="12">12</form:option>
									<form:option value="13">13</form:option>
									<form:option value="14">14</form:option>
									<form:option value="15">15</form:option>
									<form:option value="16">16</form:option>
									<form:option value="17">17</form:option>
									<form:option value="18">18</form:option>
									<form:option value="19">19</form:option>
									<form:option value="20">20</form:option>
									<form:option value="21">21</form:option>
									<form:option value="22">22</form:option>
									<form:option value="23">23</form:option>
									
								</form:select>
								:
								<form:select path="minuti" size="1">
									<form:option value=""></form:option>
									<form:option value="00">00</form:option>
									<form:option value="05">05</form:option>
									<form:option value="10">10</form:option>
									<form:option value="15">15</form:option>
									<form:option value="20">20</form:option>
									<form:option value="25">25</form:option>
									<form:option value="30">30</form:option>
									<form:option value="35">35</form:option>
									<form:option value="40">40</form:option>
									<form:option value="45">45</form:option>
									<form:option value="50">50</form:option>
									<form:option value="55">55</form:option>
								</form:select>
								<span class="asterik">*</span>
								<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
								</div>
							</td>
							<td><form:errors path="minuti" cssClass="error" /><form:errors path="ore" cssClass="error" /></td>
							
					</tr>
<!-- 					<tr> -->
<!-- 							<td class="alignleft"><label>Volo/Nave/Treno</label></td> -->
<%-- 							<td class="alignright"><form:input path="volo" /></td> --%>
<%-- 							<td><form:errors path="volo" cssClass="error"/></td>   --%>
<!-- 					</tr>	 -->
					<tr>						
							<td class="alignleft"><label>Citta di partenza</label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<form:input path="citta" id="tags"/>
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							</div></td>
							 
							<td><form:errors path="citta" cssClass="error"/></td> 
					</tr>
					<tr>
							<td class="alignleft"><label>Da (informazione pubblica)</label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
								<form:select path="pickUpToken" >
									<form:option value="Aereoporto Principale">Aereoporto Principale</form:option>
									<form:option value="Aereoporto Secondario">Aereoporto Secondario</form:option>
									<form:option value="Porto">Porto</form:option>
									<form:option value="Hotel">Centro citta'</form:option>																		
									
								</form:select>
								<span class="asterik">*</span>
							</td>
							<td><form:errors path="pickUpToken" cssClass="error"/></td>  
					</tr>
					<tr>
							<td class="alignleft"><label>Da (informazione privata) </label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							
							<form:input path="pickUp" /><span class="asterik">*</span></td>
							<td><form:errors path="pickUp" cssClass="error"/></td>  
					</tr>					
					<tr>
							<td class="alignleft"><label>Destinazione  (informazione pubblica) </label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
								<form:select path="dropOffToken" >
									<form:option value="Aereoporto Principale">Aereoporto Principale</form:option>
									<form:option value="Aereoporto Secondario">Aereoporto Secondario</form:option>
									<form:option value="Porto">Porto</form:option>
									<form:option value="Hotel">Centro citta'</form:option>																		
									
								</form:select>
								<span class="asterik">*</span>
							</td>
							<td><form:errors path="dropOffToken" cssClass="error"/></td>  
					</tr>
					<tr>	
							<td class="alignleft"><label>A:  (informazione privata)</label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							<form:input path="dropOff" /><span class="asterik">*</span></td>
						    <td><form:errors path="dropOff" cssClass="error"/></td>  
							
					</tr>					
					</table>
					
		
				</div>
				<div style="float:left;width:50%">
					<table class="inse_servizio_table" border="1">

				<tr>			
								<td class="alignleft"><label for="pax">Numero passeggeri</label></td>
								<td class="alignright">
								<div class="cellContainer" style="position:relative;">
								<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
								<form:select path="pax">
									<form:option value="0">Selezionare</form:option>
									<form:option value="1">1</form:option>
									<form:option value="2">2</form:option>
									<form:option value="3">3</form:option>
									<form:option value="4">4</form:option>
									<form:option value="5">5</form:option>
									<form:option value="6">6</form:option>
									<form:option value="7">7</form:option>
									<form:option value="8">8</form:option>
									<form:option value="9">9</form:option>
									<form:option value="10">10</form:option>
									<form:option value="11">Piu' di 10</form:option>
									<form:option value="16">Piu' di 15</form:option>
									<form:option value="31">Piu' di 30</form:option>
									<form:option value="50">Piu' di 50</form:option>
								</form:select>
								</td>
								<td><form:errors path="pax" cssClass="error"/></td>
								
				 	</tr>
					<tr>
							
								<td class="alignleft"><label>Nome cliente</label></td>
								<td class="alignright">
								<div class="cellContainer" style="position:relative;">
								<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
								<form:input path="cliente.descNome" /></td>
								<td><form:errors path="cliente.descNome" cssClass="error"/></td>
								
					</tr>
					<tr>		
							<td class="alignleft"><label>Telefono clienti</label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							
							<form:input path="cliente.telefono" /></td>
							<td><form:errors path="cliente.telefono" cssClass="error"/></td>
							
					</tr>
					<tr>
						<td class="alignleft">
							<label for="tipoServizio">Tipo Servizio</label>
						</td>
						<td class="alignright">
						<div class="cellContainer" style="position:relative;">
						<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
						
								<form:select path="tipoServizio">
									<form:option value="0" >Selezionare</form:option>
									<form:option value="1" >Transfer Privato</form:option>
									<form:option value="2" >Transfer Shuttle</form:option>
									<form:option value="3">Disposizione</form:option>
								</form:select>
								
						</td>
						<td><form:errors path="tipoServizio" cssClass="error" /></td>
					</tr>			
														 	
					<tr>	
							<td class="alignleft"><label for="veicoloRichieso"> Veicolo Richiesto</label></td>	
							
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
						
							
								<form:select path="veicolo">
									<form:option value="" >Selezionare</form:option>
									<form:option value="Berlina (da 1 a 3 pax)" >Berlina (da 1 a 3 pax)</form:option>
									<form:option value="Minivan  (da 4 a 7 pax)" >Minivan  (da 4 a 8 pax)</form:option>
									<form:option value="Minibus  (13 posti)">Minibus  (13 posti)</form:option>
									<form:option value="Minibus  (19 posti)">Minibus  (19 posti)</form:option>
									<form:option value="Bus  (25 posti)">Bus  (25 posti)</form:option>
									<form:option value="Bus  (40 posti)">Bus  (40 posti)</form:option>
									<form:option value="Bus  (50 posti)">Bus  (50 posti)</form:option>
								</form:select></td> 
							<td><form:errors path="veicolo" cssClass="error"/> </td>
					</tr>
													

					<tr>	
							<td class="alignleft"><label>Pagano</label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							
							<form:input path="prezzo" /></td> 
							<td><form:errors path="prezzo" cssClass="error"/></td> 
					</tr>	
					<tr>	
							<td class="alignleft"><label>Commissione</label></td>
							<td class="alignright">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							
							<form:input path="commissione" /></td>
							<td><form:errors path="commissione" cssClass="error"/></td> 
							  
					</tr>	
					<tr>
							<td class="alignleft"><label for="message">Note:</label></td>
							<td class="alignright" colspan="2">
							<div class="cellContainer" style="position:relative;">
							<div class="suggestionbox">
								<div class="lefttriangle" style=""></div>
								<img src="/scambio/i/help.png" style="float: left; margin-right: 6px;">
								<div class="content">please select date from date picker
									
								</div>
							</div>
							
							<textarea style="height: 78px;width: 215px;" name="message" rows="0" cols="0"></textarea></td>
							<td></td>
					</tr>
					</table>
				</div>
				</div>
					<br />
				<div align="center" style="margin: 16px 0px;">
					<div style="display:inline-table;">
						<a style="float:left;" class="visualizza" href="<c:out value="${back}" /> ">Indietro</a> 
						<a style="float:left;" class="visualizza" href="javascript:document.forms[0].submit()">Iserisci</A>
					</div>
   				</div>
				
					</form:form>    
   <div style="padding-bottom: 7px; padding-top: 2px; padding-left: 0px;text-align:left;">INFORMAZIONE REALE * Il presente campo deve riportare l'informazione reale. Esempio: <strong>Hotel Pace Elvetia, Via IV Novembre 7, 00134 Roma</strong></div>
   <div style="padding-bottom: 7px; padding-top: 2px; padding-left: 0px;text-align:left;">
   INFORMAZIONE VISIBILE AGLI UTENTI * Il presente campo deve riportare l'informazione approssimativa. Esempio: Hotel Roma centro oppure Hotel Roma fuori zona</div>
			</div>
			<div class="gen_div" style="display: inline-table; line-height: 18px; margin-top: 12px;">
 				<h3 style="background:none;padding:8px 0 6px 0px;margin-left:0px;font-size: 18px;">
					Suggerimenti
				</h3>
				<div style="display:inline-table">
					<div style="float: left; margin-top: 2px;">
						<img src="/scambio/i/help.png">
					</div>
					<div style="float: left; width: 903px; margin-left: 6px;margin-top:1px;line-height:18px;"> 
					I dati sensibili del servizio (nome cliente, luogo dell'appuntamento e destinazione) saranno visibili solo all'utente che eseguira' il servizio.<br />
				
					Il campo <strong>From fittizio</strong> e <strong>To fittizio</strong> permettono di nascondere il reale punto di incontro con i clienti se volete nasconderlo
					agli altri partecipante dell'area, naturalmente voi continuerete a vedere quello reale immesso in fase di inserimento 
					</div>
					</div>
				<div style="display:inline-table">
					<div style="float: left; margin-top: 2px;"><img src="/scambio/i/help.png"></div>
					<div style="float: left; width: 903px; margin-left: 6px;margin-top:1px;"> 					Esempio se l'appuntamento con il cliente e' all'Hotel Ambassade, nel campo <strong>From fittizio</strong> potresti scrivere  <strong>Hotel a Roma</strong>
					in modo che anche sapendo il giorno e l'ora del servizio, nessuno potrebbe mai risalirvi.
					</div>
				</div>
			</div>
			